import React from 'react';
// import module from './Header.module.scss';
import headerResume from '@/assets/images/headerResume.png';
import headerSearch from '@/assets/images/headerSearch.png';
const imgurl = {
  headerResume: headerResume,
  headerSearch: headerSearch,
};
const Header: React.FC<{
  url: keyof typeof imgurl;
  name: string;
  IconWeight: number;
  IconHeight: number;
}> = ({ url, name, IconWeight, IconHeight }) => {
  return (
    <div className="flex h-[30px] w-full items-center pl-[3px]">
      <img
        src={imgurl[url]}
        alt="icon"
        style={{ width: `${IconWeight}px`, height: `${IconHeight}px` }}
        className="mr-[8px] block"
      />
      <h2 className="text-[21px] font-[400] leading-[20px] text-[#0b0b0b]">
        {name}
      </h2>
    </div>
  );
};

export default Header;
